<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>zuoye</title>
        <style type="text/css">
            body{
                font-size: 12px;
                color: black;               
            }
            .one{
            position: relative;
            display: inline-block;
            }
            .one img{
            display: block;
            }
            .one .text{
            position: absolute;
            color: aqua;
            font-size: 12px;
            font-weight: bold;
            padding: 15px;
            margin: 12px;
            }
            .two{
                background-image: url(admin_top.gif);
                background-size: cover;
                background-repeat: no-repeat;
                width: 1003px;
                height: 100px;
            }
            ul{
                padding-top: 20px;
                padding-left: 400px;
                list-style-type: none;
                padding: 4;
                overflow: hidden;
            }
            li{
                padding-left: 20px;
                float: left;
            }
            .three{
                color: #5c5c5c;
                letter-spacing: 1px;
                margin-left:50px;
                font-size: 12px;
                font-family: "小楷";
                line-height: 25px;
            }
        </style>
    </head>
    <body>
        <div class="two">
            <ul>
                <li><img src="index_separate.gif" alt="1"></li>
                <li>首页<br>Index</li>
                <li><img src="index_separate.gif" alt="2"></li>
                <li>产品介绍<br>Froduct</li>
                <li><img src="index_separate.gif" alt="3"></li>
                <li>解决方案<br>Scheme</li>
                <li><img src="index_separate.gif" alt="4"></li>
                <li>技术支持<br>Instructor</li>
                <li><img src="index_separate.gif" alt="5"></li>
                <li>客服渠道<br>Channel</li>
                <li><img src="index_separate.gif" alt="6"></li>
                <li>论坛<br>Form</li>
            </ul>
        </div>
        <div class="one">
        <img src="redian.jpg" alt="热点新闻" width="1003px" height="300px" style="align-content: center ;">
        <div class="text" style="position: absolute; top:1px; left: 420px; ">设为首页</div>
        <div class="text" style="position: absolute; top:1px; left: 560px; ">收集本站</div>
        <div class="text" style="position: absolute; top:1px; left: 710px; ">联系我们</div>
        <div class="text" style="position: absolute; top:1px; left: 850px; ">关于本站</div>
        </div>
        <div class="zero">
            <img src="./index_bbs.gif">
        </div>
        <div class="three">
            <img src="./rect.gif">  思念是风是去是婵娟
        </div>
        <div class="three">
            <img src="./rect.gif">  刘欣正在测试程序
        </div>
        <div class="three">
            <img src="./rect.gif">  Flash大赛公告标题
        </div>
        <div class="three">
            <img src="./rect.gif">  公告标题添加公告
        </div>
        <div class="three">
            <img src="./rect.gif">  明日科技对图书的改革
        </div>
        <div class="four">
            <img src="./index_mend_dlS.gif">
        </div>
    </body>
</html>